.night {
  position: relative;
  width: 100%;
  height: 100%;
  left: -17%;
  transform: rotateZ(45deg);
}
.cm {
	position: absolute;
 	width: 100%;
  	height: 100%;
  	z-index: -1;
}
.shooting_star {
  position: absolute;
  height: 2px;
  background: linear-gradient(-45deg, #5f91ff, rgba(0, 0, 255, 0));
  border-radius: 999px;
  filter: drop-shadow(0 0 6px #699bff);
  animation: ashen 5s ease-in-out infinite, move 5s ease-in-out infinite;
}
.shooting_star:nth-child(1){
  top: 10%;
  left: 15%;
  animation-delay: 6s;
}
.shooting_star:nth-child(2){
  top: 12%;
  left: 13%;
  animation-delay: 5s;
}
.shooting_star:nth-child(3){
  top: 20%;
  left: 17%;
  animation-delay: 2.8s;
}
.shooting_star:nth-child(4){
  top: 22%;
  left: 20%;
  animation-delay: 2.5s;
}
.shooting_star:nth-child(5){
  top: 24%;
  left: 21%;
  animation-delay: 2s;
}
.shooting_star:nth-child(6){
  top: 30%;
  left: 40%;
  animation-delay: 1s;
}
.shooting_star:nth-child(7){
  top: 30%;
  left: 15%;
  animation-delay: 1.5s;
}
.shooting_star:nth-child(8){
  top: 16%;
  left: 18%;
  animation-delay: 1.8s;
}
.shooting_star:nth-child(9){
  top: 26%;
  left: 38%;
  animation-delay: 2.4s;
}
.shooting_star:nth-child(10){
  top: 46%;
  left: 40%;
  animation-delay: 2.6s;
}
.shooting_star:nth-child(11){
  top: 46%;
  left: 50%;
  animation-delay: 1.4s;
}
.shooting_star:nth-child(12){
  top: 48%;
  left: 55%;
  animation-delay: 3.8s;
}
.shooting_star:nth-child(13){
  top: 60%;
  left: 40%;
  animation-delay: 0.5s;
}
.shooting_star:nth-child(14){
  top: 60%;
  left: 46%;
  animation-delay: 4.1s;
}
.shooting_star:nth-child(15){
  top: 70%;
  left: 40%;
  animation-delay: 5.5s;
}
.shooting_star:nth-child(16){
  top: 63%;
  left: 47%;
  animation-delay: 5.8s;
}
.shooting_star:nth-child(17){
  top: 48%;
  left: 68%;
  animation-delay: 2.4s;
}
.shooting_star:nth-child(18){
  top: 75%;
  left: 46%;
  animation-delay: 2.8s;
}
.shooting_star:nth-child(19){
  top: 40%;
  left: 20%;
  animation-delay: 4.7s;
}
.shooting_star:nth-child(20){
  top: 60%;
  left: 22%;
  animation-delay: 4.9s;
}
@keyframes ashen {
  0% {
    width: 0;
  }
  50% {
    width: 100px;
  }
  100% {
    width: 0;
  }
}
@keyframes move {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(2000px);
  }
}